<!DOCTYPE html>
<html>

	<head>
		<title>一润魔方</title>
		<link href="../login/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
		<!-- Custom Theme files -->
		<script src="../login/js/jquery.min.js"></script>
		<!--theme-style-->
		<link href="../login/css/style.css" rel="stylesheet" type="text/css" media="all" />
		<!--//theme-style-->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="keywords" content="" />
		<script type="application/x-javascript">
			addEventListener("load", function() {
				setTimeout(hideURLbar, 0);
			}, false);

			function hideURLbar() {
				window.scrollTo(0, 1);
			}
		</script>
		<script type="text/javascript" src="../login/js/move-top.js"></script>
		<script type="text/javascript" src="../login/js/easing.js"></script>
		<!-- 引入 ECharts 文件 -->
		<script src="../login/js/echarts.js"></script>

		<!-- Bootstrap Core CSS -->
		<!-- Custom CSS -->
		<link href="../login/html5/css/style.css" rel='stylesheet' type='text/css' />
		<link href="../login/html5/css/font-awesome.css" rel="stylesheet">
		<!-- jQuery -->
		<script src="../login/html5/js/jquery.min.js"></script>
		<!----webfonts--->
		<!-- <link href='http://fonts.lug.ustc.edu.cn/css?family=Roboto:400,100,300,500,700,900' rel='stylesheet' type='text/css'> -->
		<!---//webfonts--->
		<!-- Bootstrap Core JavaScript -->
		<script src="../login/html5/js/bootstrap.min.js"></script>

		<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event) {
					event.preventDefault();
					$('html,body').animate({
						scrollTop: $(this.hash).offset().top
					}, 1000);
				});
			});
		</script>

		<script type="text/javascript">
			/*   window.onload = function () {
						var localurl = location.href;
				      // alert("====="+localurl); 
				       var r = getParameter("vsl",localurl);
				      
					   var vessel=r.substring(r.indexOf("=")+1,r.length);
					   alert("船名:"+vessel);
					  	   
			        }*/

			//javascript获取指定参数及其对应的值
			function getParameter(paraStr, url) {
				var result = "";
				//获取URL中全部参数列表数据
				var str = "&" + url.split("?")[1];
				var paraName = paraStr + "=";
				//判断要获取的参数是否存在
				if(str.indexOf("&" + paraName) != -1) {
					//如果要获取的参数到结尾是否还包含"&"
					if(str.substring(str.indexOf(paraName), str.length).indexOf("&") != -1) {
						//得到要获取的参数到结尾的字符串
						var TmpStr = str.substring(str.indexOf(paraName), str.length);
						//截取从参数开始到最近的"&"出现位置间的字符
						result = TmpStr.substr(TmpStr.indexOf(paraName), TmpStr.indexOf("&") - TmpStr.indexOf(paraName));
					} else {
						result = str.substring(str.indexOf(paraName), str.length);
					}
				} else {
					result = "无此参数";
				}
				return(result.replace("&", ""));
			}
		</script>

		<!-- <link href='http://fonts.useso.com/css?family=Lato:400,100,300,700,900' rel='stylesheet' type='text/css'> -->
		<!-- <link href='http://fonts.useso.com/css?family=Muli:400,300' rel='stylesheet' type='text/css'> -->
	</head>

	<body>
		<!--header-->
		<div class="header" id="header">
			<div class="container">
				<div class="nav-top">
					<!-- Brand and toggle get grouped for better mobile display -->
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
						<div class="navbar-brand logo ">
							<h1><a href="../main/main.html">一润魔方 </a></h1>

						</div>
					</div>
					<!-- Collect the nav links, forms, and other content for toggling -->
					<div class="collapse navbar-collapse nav-wil links" id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav ">
							<li>
								<a href="index3.html">综合看板</a><span></span> </li>
							<li>
								<a href="index1.html">商机看板 </a><span></span></li>
							<li>
								<a href="index2.html">资金看板 </a><span></span></li>
							<li>
								<a href="#services" class="scroll ser">收款看板</a><span></span> </li>
							<li>
								<a href="#gallery" class="scroll ser1">应收看板</a><span></span></li>
							<li>
								<a href="#clients" class="scroll ser1">信用纬度</a><span></span></li>
							<li>
								<a href="index4.html">销售地图</a>
							</li>
						</ul>
						<div class="clearfix"></div>
					</div>
					<!-- /.navbar-collapse -->
				</div>
			</div>
		</div>

		<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
		<div class="team" id="main4" style="height:630px"></div>
		<!--table  begin-->
		<div class="panel-heading">
			<h3>客户信用表</h3>
			<div class="panel-ctrls" data-actions-container="" data-action-collapse="{&quot;target&quot;: &quot;.panel-body&quot;}"><span class="button-icon has-bg"><i class="ti ti-angle-down"></i></span></div>
		</div>
		<div class="bs-example4" data-example-id="simple-responsive-table">
			<div class="table-responsive">
				<table class="table table-bordered">
					<script type="text/template" class="summaryTpl">
							{@each datas as it, index}
							<tr>
								<th scope="row">${index*1 + 1}</th>
								<td>${it.enterpriseName}</td>
								<td>${it.creditLine/10000}</td>
								<td>${((it.creditLine*1 - it.creditLineAlready*1)/10000).toFixed(2)}</td>
								<!--<td>${it.financeAmount/10000}</td>-->
								<!--<td>${it.totalLoanAmount/10000}</td>
								<td>${it.totalRepayAmount/10000}</td>-->
								<!--<td></td>-->
								<td>${it.creditLineAlready/10000}</td>
								<td>${(it.effectiveStart).substr(0, 10)}</td>
								<td>${(it.effectiveEnd).substr(0, 10)}</td>
								<td>
									{@each it.financeBulkstockPledgeRateList as item} ${item.bulkstockName} 【${item.loanRateCeiling}%/${item.pledgeRateCeiling}%】<br/> {@/each}
								</td>
							</tr>
							{@/each}
						</script>
					<thead>
						<tr>
							<th>#</th>
							<th>客户</th>
							<th>授信额度(万元)</th>
							<th>可用额度(万元)</th>
							<!--<th>融资总额(万元)</th>
							<th>贷款累计发放(万元)</th>
							<th>累计还款(万元)</th>-->
							<!--<th>已收利息(万元)</th>-->
							<th>敞口金额(万元)</th>
							<th>额度起始时间</th>
							<th>额度截止时间</th>
							<th>核准利率及质押率</th>
						</tr>
					</thead>
					<tbody class="summaryBody">
					</tbody>
				</table>
			</div>
			<!-- /.table-responsive -->
		</div>

		<!---table end--->

		<!--news begin-->
		<h4>客户信息</h4>
		<div class="col-md-12 email-list1">
			<ul class="collection">
				<li class="collection-item avatar email-unread">
					<i class="fa fa-users icon_1"></i>
					<div class="avatar_left">
						<span class="email-title">客户信息</span>
						<p class="truncate grey-text ultra-small"><span class="data" name="enterpriseName"></span></p>
						<p class="truncate grey-text ultra-small">客户代码：<span class="data" name="enterpriseCode"></span></p>
						<p class="truncate grey-text ultra-small">客户类别：<span class="data" name="enterpriseType"></span></p>
						<p class="truncate grey-text ultra-small">直属关系：<span class="data" name="belongsEnterprise"></span></p>
						<p class="truncate grey-text ultra-small">所属区域：<span class="data" name=""></span></p>
					</div>
					<a href="#!" class="secondary-content"><span class="new badge blue"></span></a>
					<div class="clearfix"> </div>
				</li>
				<li class="collection-item avatar email-unread">
					<i class="fa fa-exclamation-circle icon_2"></i>
					<div class="avatar_left">
						<span class="email-title">详细信息</span>
						<p class="truncate grey-text ultra-small">法人姓名：<span class="data" name="legalPerson"></span></p>
						<p class="truncate grey-text ultra-small">身份证号码：<span class="data" name="legalIdcard"></span></p>
						<p class="truncate grey-text ultra-small">手机号码：<span class="data" name="mobile"></span></p>
						<p class="truncate grey-text ultra-small">联系地址：<span class="data" name="contactAddress"></span></p>
						<p class="truncate grey-text ultra-small">客户经理：<span class="data" name="clientManager"></span></p>
					</div>
					<a href="#!" class="secondary-content"><span class="new badge red"></span></a>
					<div class="clearfix"> </div>
				</li>
				<li class="collection-item avatar email-unread">
					<i class="fa fa-tag icon_3"></i>
					<div class="avatar_left gradeDetail">
						<span class="email-title">信用额度信息</span>
						<p class="truncate grey-text ultra-small">综合授信额度：<span class="data" name="creditLine"></span></p>
						<p class="truncate grey-text ultra-small">使用额度：<span class="data" name="creditAlready"></span></p>
						<p class="truncate grey-text ultra-small">可用额度：<span class="data" name="creditLineRemain"></span></p>
						<p class="truncate grey-text ultra-small">额度使用率：<span class="data" name="creditLineRate"></span>%</p>
						<p class="truncate grey-text ultra-small">额度起始时间：<span class="data" name="effectiveStartDate"></span></p>
						<p class="truncate grey-text ultra-small">额度截止时间：<span class="data" name="effectiveEndDate"></span></p>
					</div>
					<a href="#!" class="secondary-content"><span class="new badge blue1"></span></a>
					<div class="clearfix"> </div>
				</li>
				<li class="collection-item avatar email-unread">
					<i class="icon_4">G</i>
					<div class="avatar_left">
						<span class="email-title">核准利率与核准质押率</span>
						<p class="truncate grey-text ultra-small pledgeRate">粮贸【10.80%/80%】 有色【12.80%/60%】 煤炭【13.80%/70%】</p>
					</div>
					<a href="#!" class="secondary-content"><span class="blue-text ultra-small">客户认证</span></a>
					<div class="clearfix"> </div>
				</li>

			</ul>
		</div>
		</div>
		<!--news end-->

		<!--footer-->
		<div class="footer">
			<ul class="social">
				<li>
					<a href="#"><i> </i></a>
				</li>
				<li>
					<a href="#"><i class="ic"> </i></a>
				</li>
				<li>
					<a href="#"><i class="ic1"> </i></a>
				</li>
				<li>
					<a href="#"><i class="ic2"> </i></a>
				</li>
				<li>
					<a href="#"><i class="ic3"> </i></a>
				</li>
			</ul>
			<div class="footer-b">
				<ul class="footer-nav">
					<li>
						<a href="index.html" class="scroll active">一润魔方</a>
					</li>
					<a href="javascript:window.opener=null;window.close();">关闭</a>
					<a href='javascript:history.go(-1)'>返回</a>
				</ul>
				<a href="#header" class="scroll bottom"><i></i></a>
			</div>
			<div class="copy">
				<p class="footer-grid">Copyright &copy; 2016.一润 All rights reserved.
					<a target="_blank" href="#">一润魔方</a>
				</p>
			</div>
		</div>
		<!-- for bootstrap working -->
		<script src="../login/js/bootstrap.min.js"></script>
		<!-- //for bootstrap working -->
		<script type="text/javascript" src="../../../js/jquery-1.11.1.min.js"></script>
		<script src="../../../component/layer/layer.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="../../../js/seajs/sea.js"></script>
		<script type="text/javascript" src="../../../js/seajs/seajs-text.js"></script>
		<script type="text/javascript" src="../../../js/seajs/seajs-css.js"></script>
		<script type="text/javascript" src="../../../js/bord/config.js"></script>
		<script type="text/javascript" src="../../../js/juicer-min.js"></script>

		<script type="text/javascript">
			seajs.use('./rankingDetail1', function(rankingDetail1) {
				rankingDetail1.init();
			});
		</script>

	</body>

</html>